<!--<template>-->
  <!--<div>-->
    <!--<div :class="['view', 'viewSel']" :id="mid" v-on:click="selectView">-->
      <!--<span>Hello</span>-->
    <!--</div>-->
  <!--</div>-->
<!--</template>-->

<!--<script>-->

  <!--export default {-->
    <!--name: 'View',-->
    <!--components: {-->
    <!--},-->
    <!--data: function () {-->
      <!--return {-->
        <!--count: 0,-->
        <!--viewSelId: '',-->
        <!--ids: ['v1', 'v2', 'v3', 'v4'],-->
        <!--index: 0,-->
        <!--mid: 'view' + (Math.random() * 10000).toFixed(0)-->
      <!--}-->
    <!--},-->
    <!--methods: {-->
      <!--selectView: function (event) {-->
        <!--this.viewSelId = event.target.id;-->
        <!--console.log(this.viewSelId);-->
      <!--}-->
    <!--},-->
    <!--computed: {-->
      <!--myId: function () {-->
        <!--return this.ids[this.index++];-->
      <!--}-->
    <!--}-->
  <!--}-->

<!--</script>-->

<!--<style scoped>-->
  <!--.node{ min-height: 400px; margin:0px; padding:1px;border: 1px solid #eeeeee; }-->
  <!--.view{-->
    <!--width:100%;-->
    <!--height:100%;-->

    <!--border-radius:5px;-->
    <!-- -moz-border-radius:5px; /* 老的 Firefox */-->
  <!--}-->
  <!--.f{ float: left }-->
  <!--.rowSel{ border:1px solid #28a745 }-->
  <!--.viewSel{ border:1px solid #a94442 }-->
  <!--.root{ padding-top:5px; }-->
  <!--.ghost{ opacity:1; background-color: #eee }-->
  <!--.dragClass { opacity:1; border:1px solid #a94442; background-color: #ddd }-->
<!--</style>-->
